<template>
  <div class="container">
    <div class="title">
      <h3>{{preview.title}}</h3>
      <p>
        {{preview.createTime | parseTimeByString}}
        <span>{{preview.username}}</span>
        <span class="el-icon-view"></span>
        <span>{{preview.visits}}</span>
      </p>
    </div>
    <div class="article-previewBody" v-html="preview.articleBody"></div>
  </div>
</template>

<script>
// import { detail } from '@/api/hmmm/articles.js'

export default {
  name: 'articles-preview',
  data () {
    return {}
  },
  props: {
    preview: {
      type: Object,
      required: true
    }
  }
}
</script>
<style scoped lang='less'></style>
